<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<html>
<head>
    
</head>
<body>
 <!--头部开始-->
<header>
    <div class="wrap">
        <h1>我的账户</h1>
    </div>
</header>
<!--头部结束-->
<!--账户信息开始-->
<section class="account_info">
    <div class="wrap">
        <ul class="account_info_data clearfix">
            <li>
                <em>18500.00</em>
                <span>可用余额</span>
            </li>
            <li>
                <em>4275.00</em>
                <span>可提现</span>
            </li>
            <li>
                <em>2000.00</em>
                <span>提现中</span>
            </li>
            <li>
                <em>276300.00</em>
                <span>累计充值</span>
            </li>
            <li>
                <em>19800.00</em>
                <span>累计提现</span>
            </li>
            <li>
                <em>50.00</em>
                <span>冻结余额</span>
            </li>
        </ul>
        <div class="module clearfix">
            <a href="#">申请提现</a>
            <a href="#">账户充值</a>
            <a href="#">VIP充值</a>
        </div>
    </div>
</section>
<!--账户信息结束-->
<!--tab详细信息开始-->
<section class="account_detail">
    <ul class="detail_tab clearfix">
        <li class="active">余额明细</li>
        <li>充值记录</li>
        <li>提现记录</li>
    </ul>
    <div class="detail_content">
        <div class="wrap">
            <ul class="clearfix">
                <li class="active">全部</li>
                <li>赚取</li>
                <li>消费</li>
            </ul>
            <div class="income_content">
                <div class="income_content_list">
                    <div class="left" style="float: left;">
                        <em>单号：201812251234567</em>
                        <span>2018-12-25 12:07:36</span>
                    </div>
                    <div class="right" style="float: right;">
                        <span class="price">-¥30.00</span>
                        <span>描述：下单消费</span>
                    </div>
                </div>
                <div class="income_content_list">
                    <div class="left" style="float: left;">
                        <em>单号：201812251234567</em>
                        <span>2018-12-25 12:07:36</span>
                    </div>
                    <div class="right" style="float: right;">
                        <span class="price">+¥84.28</span>
                        <span>描述：用户退款订单</span>
                    </div>
                </div>
                <div class="income_content_list">
                    <div class="left" style="float: left;">
                        <em>单号：201812251234567</em>
                        <span>2018-12-25 12:07:36</span>
                    </div>
                    <div class="right" style="float: right;">
                        <span class="price">+¥84.28</span>
                        <span>描述：用户退款订单</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript">
		window["\x61\x6c\x65\x72\x74"]('\u6df1\u5733\u641c\u8c79\u7f51\u7edc\u516c\u53f8\u7248\u6743\u6240\u6709\x2c\u5077\u7528\u76d7\u7248\u5fc5\u5c06\u4f9d\u6cd5\u8ffd\u7a76');
    </script>    
    <div class="detail_content" style="display: none;">
        <div class="wrap">
            <div class="detail_content_list clearfix">
                <div class="left" style="float: left;">
                    <em>APP支付宝</em>
                    <span>2018-04-16</span>
                </div>
                <div class="right" style="float: right;">
                    <span>￥1.00</span>
                    <div>状态：<span>待支付</span></div>
                </div>
            </div>
        </div>
    </div>
    <div class="detail_content" style="display: none;"></div>
</section>
<!--tab详细信息结束-->
<!--底部开始-->
<footer>
    <a href="#">
        <img src="images/seller_black@2x.png" alt="">
        <span>分销中心</span>
    </a>
    <a href="#">
        <img src="images/team_black@2x.png" alt="">
        <span>我的团队</span>
    </a>
    <a href="#">
        <img src="images/money_red@2x.png" alt="">
        <span class="active">我的账户</span>
    </a>
    <a href="#">
        <img src="images/order_black@2x.png" alt="">
        <span>分销订单</span>
    </a>
    <a href="#">

        <img src="images/shop_black@2x.png" alt="">
        <span>我的网店</span>
    </a>
</footer>   
    
</body>
</html>